<template>
    <div class="box">
        <div class="item_list">
            <div class="item">
                <img src="https://p0.meituan.net/imeituanbusiness/4579713360f6b07c482d475606dcdaf32232.png" alt="">
                <span>美食</span>
            </div>
            <div class="item">
                <img src="https://p0.meituan.net/imeituanbusiness/36ea5f8aa1429104ef51c9e03fe212a54183.png" alt="">
                <span>猫眼电影</span>
            </div>
            <div class="item">
                <img src="https://p0.meituan.net/imeituanbusiness/ea0c6fab93f5070dfc7baa50ac9052a02300.png" alt="">
                <span>酒店</span>
            </div>
            <div class="item">
                <img src="https://p0.meituan.net/imeituanbusiness/7b30434d02d20c4e0428cbc2091499f22631.png" alt="">
                <span>休闲娱乐</span>
            </div>
            <div class="item">
                <img src="https://p0.meituan.net/imeituanbusiness/f8fc99f79983d96a12889d00ad4df41a2868.png" alt="">
                <span>外卖</span>
            </div>
            <div class="item">
                <img src="https://p0.meituan.net/imeituanbusiness/982e9a55410baae204a220840b11cc952772.png" alt="">
                <span>KTV</span>
            </div>
            <div class="item">
                <img src="https://p0.meituan.net/imeituanbusiness/586d25e7f9615a91b831713c5b68fdd62345.png" alt="">
                <span>周边游</span>
            </div>
            <div class="item">
                <img src="https://p0.meituan.net/imeituanbusiness/862a8ecbcaec80cc827090074c358f882565.png" alt="">
                <span>丽人</span>
            </div>
            <div class="item">
                <img src="https://p0.meituan.net/imeituanbusiness/51b317553ac233d10e00e22c3b198aac2906.png" alt="">
                <span>母婴亲子</span>
            </div>
            <div class="item">
                <img src="https://p0.meituan.net/imeituanbusiness/ad793f3d4b6625b60a9aeb64688739952061.png" alt="">
                <span>全部分类</span>
            </div>
        </div>
    </div>
  </template>
    
  <script>
  </script>
  <style lang="less" scoped>
    .item_list {
  display: flex;
  height: 3.46667rem;
  flex-wrap: wrap;
  padding: 0.26667rem 0;
}

.item_list .item {
  width: 20%;
  display: flex;
  flex-direction: column;
  justify-content: center;
   align-items: center;
}

.item_list img {
   width: 0.8rem;
}

.item_list span {
font-size: 0.34667rem;
padding-top: 0.13333rem;
}
</style>